/** @type {import('tailwindcss').Config} */
const defaultTheme = require('tailwindcss/defaultTheme')
const colors = require('tailwindcss/colors')
delete colors['lightBlue'];
delete colors['warmGray'];
delete colors['trueGray'];
delete colors['coolGray'];
delete colors['blueGray'];
function genSimilarColorsName(brandName) {
  return {
    lighter: `var(--${brandName}-lighter-color)`,
    light: `var(--${brandName}-light-color)`,
    DEFAULT: `var(--${brandName}-color)`,
    deep: `var(--${brandName}-deep-color)`,
    deeper: `var(--${brandName}-deeper-color)`
  };
}
export default {
  content: [
    "./index.html",
    "./src/**/*.{js,ts,jsx,tsx,vue}",
  ],
  corePlugins: {
    preflight: false // 禁用 Preflight
  },
  theme: {
    colors: {
      white: '#fff',
      black: '#000000',
      menuBg: '#021322',
      tagsBg: '#3AAFCD',
      mainBg: '#F6F7F8',
      transparent: 'transparent',
      // 直接使用css变量
      primary: genSimilarColorsName('primary'),
      info: genSimilarColorsName('info'),
      success: genSimilarColorsName('success'),
      warning: genSimilarColorsName('warning'),
      danger: genSimilarColorsName('danger'),
      'font-primary': `var(--el-text-color-primary)`,
      'font-regular': `var(--el-text-color-regular)`,
      'font-secondary': `var(--el-text-color-secondary)`,
      'font-placeholder': `var(--el-text-color-placeholder)`,
      'font-disabled': `var(--el-text-color-disabled)`,
      ...colors,
    },
    // fontColor: {
    //   primary: `var(--el-text-color-primary)`,
    //   regular: `var(--el-text-color-regular)`,
    //   secondary: `var(--el-text-color-secondary)`,
    //   placeholder: `var(--el-text-color-placeholder)`,
    //   disabled: `var(--el-text-color-disabled)`,
    // },
    fontSize: {
      ...defaultTheme.fontSize,
    },
    custom: {
      sideBarWidth: '220px',
      navBarHeight: '67px'
    },
    extend: {

    },
  },
  plugins: [],
}

